<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>我的作业</title> 
<style > 

body
{
	background:url(http://img0.pcauto.com.cn/pcauto/1705/25/10000179_5_thumb.gif);
	background-repeat:no-repeat;
	background-size: 1000px 500px;
	background-position: 50% -50%;
}

	

.fangkaui
{
	width:100px;
	height:100px;
	background:red;
	position:relative;
	animation:fangkuai 5s;
	-webkit-animation:fangkuai 5s; 
	animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-name: fangkuai;
}

  @keyframes fangkuai
{
	0%   {background:red; left: 210px; top: 180px;}
	
	50%  {background:blue; left:1120px;top:350px;}
	
	100% {background:red; left:220px; top: 590px;}
}


</style>
</head>
<body >




<div class="fangkaui"></div>






</body>
	
	
	
	
	



</html>